<template>
	<view class="finishPay">
		<!-- 顶部内容区域 -->
		<view class="fp-title">
			<text class="iconfont" style="color: #51B1F7">&#xe60a;</text>
			<view class="line1">支付成功</view>
			<view class="line2">￥{{priceInfo.price}}</view>
			<view class="tt-bottom">
				<view class="bt-itemm">
					<view class="line1">
						收款方
					</view>
					<view class="line2">
						瑞派宠物店
					</view>
				</view>
				<view class="bt-itemm">
					<view class="line1">
						收款金额
					</view>
					<view class="line2">
						￥{{priceInfo.price}}
					</view>
				</view>
			</view>
		</view>
		
		<view class="footer">
			<button @click="navToHome()">返回首页</button>
			<button @click="navToOrder()">查看订单</button>
		</view>
		
		<!-- <view class="user-order">
			<view class="od-line3">
				<view class="content-line1 order-detail-line1">
					订单号：12345678910
					<text class="order-status">已付款</text>
				</view>
				<view class="content-line2">
					<view class="line1-text1">
						<image src="/static/imgs/myStore/goods_pic.png" mode=""></image>
					</view>
					<view class="line1-text2 font28">
						<view class="content-line1">
							
							<image src="/static/imgs/order-icon1.png" mode="" class="order-icon"></image>
							<text class="line1-text2 font30">瑞派宠物店</text>

							<image src="/static/youjiantou.png" mode="" class="youjiantou order-status order-status-detail"></image>

						</view>
						<view class="content-title">
							皇家猫粮室内专用10kg，满50送储粮桶...
						</view>
						<view class="price">
							<text class="font30">
								￥99999.99
							</text>
							</br>
							<text class="font24">
								×1
							</text>
						</view>

					</view>

				</view>

			</view>

			
			<view class="address">
				<text class="button3">默认</text>

				<view class="address-column1">
					
					<image src="/static/imgs/address-active.png" mode=""></image>
				</view>
				<view class="address-column2">
					<view class="column2-t">
						<text>收货人：朱俊涛</text>
						<text>18888888888</text>
					</view>
					<view class="column2-b">
						广东省深圳市宝安区新安街道50区海汇路海 汇社区4巷2号303
					</view>
				</view>
			</view>

			<view class="detail-line3">
				<view class="line3-item">
					<view class="item-l">
						加入购物车：
					</view>
					<view class="item-r">
						2019.10.17 &nbsp;&nbsp; 10：38：24
					</view>
				</view>
				<view class="line3-item">
					<view class="item-l">
						生成订单：
					</view>
					<view class="item-r">
						2019.10.17 &nbsp;&nbsp; 10：38：24
					</view>
				</view>
				<view class="line3-item">
					<view class="item-l">
						付款时间：
					</view>
					<view class="item-r">
						2019.10.17 &nbsp;&nbsp; 10：38：58
					</view>
				</view>
				<view class="line3-item">
					<view class="item-l">
						发货时间：
					</view>
					<view class="item-r">
						2019.10.17 &nbsp;&nbsp; 10：38：58
					</view>
				</view>
				<view class="line3-item">
					<view class="item-l">
						提货时间：
					</view>
					<view class="item-r">
						2019.10.17 &nbsp;&nbsp; 10：38：24
					</view>
				</view>
			</view>

			<view class="dt-button">

				<button type="primary" @click="switchTo('/pages/index/index')">完成</button>

			</view>
		</view>
 -->
	
	</view>

</template>

<script>
	export default {
		data() {
			return {
				priceInfo:{},
				swiperCurrent1: 0,
				navList: [{
					id: '0',
					name: '全部'
				}, {
					id: '1',
					name: '待评价'
				}, {
					id: '2',
					name: '已评价'
				}]
			}
		},
		onShow() {
			let price = uni.getStorageSync('payment');
			this.priceInfo = price
			console.log(price)
		},

		methods: {
			navToHome() { // 去首页
			uni.switchTab({
				url: '/pages/index/index'
			})
			},
			navToOrder() { // 去订单
				uni.switchTab({
					url: '/pages/order/user-order?id=0'
				});
			},
			navTo(url) {
				uni.navigateTo({
					url
				});
			},
			switchTo(url) {
				uni.switchTab({
					url
				})
			},
			onNav2(e) {
				this.swiperCurrent1 = e.target.id
			},
			changeSwiper(e) {
				this.swiperCurrent1 = e.target.current
			},
		},
	}
</script>

<style lang="scss" scoped>
	@import 'static/css/user-order.scss';
	@import 'static/css/smallCommon.scss';

	.od-line2 .line2-active:after {
		left: 100upx;
	}

	.od-line3 .content-line3 {
		height: 110upx;
		line-height: 110upx;
	}

	.od-line3 .content-line3 .line3-l {
		line-height: 110upx;
	}
</style>
